<script setup lang="ts">
import { ref } from 'vue'

const check = ref(true)
const check1 = ref(true)
const check2 = ref(true)
const check3 = ref(true)
const check4 = ref(true)
</script>

<template>
  <p>基础选择框</p>
  <EsCheckbox v-model="check">选择框1</EsCheckbox>
  <p>禁用选择框</p>
  <EsCheckbox v-model="check1" :disabled="true">选择框2</EsCheckbox>
  <p>全选/半选</p>
  <EsCheckbox v-model="check2" :indeterminate="true">选择框3</EsCheckbox>
  <p>label</p>
  <EsCheckbox v-model="check3" :indeterminate="true" label="选择框3">
  </EsCheckbox>
  <p>model-value</p>
  <EsCheckbox :model-value="check4">选择框4 </EsCheckbox>
</template>

<style scoped lang="scss"></style>
